<style type="text/css">
    .content{
        width: 750px;
        height: 500px;
        border: 1px solid #ccc;
        position: absolute;
        top: 120px;
        left: 340px;
    }
    .row1{
        width: 750px;
        height: 40px;
        position: relative;
        left: -16px;
        border-bottom: 1px solid #aaa;
    }
    .row1-text{
        margin-left: 30px;
        font-size: 20px;
        font-family: "Microsoft YaHei", Verdana, sans-serif, "SimSun";
    }
   .control-label{
        font-size: 15px !important;
        margin-left: 60px;
    }
    .Input{
        margin-top: 7px;

    }

    .title{
       font-size: 20px;
        font-weight: bolder;
        color: #67a8ce;
        margin-top: 30px;
        margin-left: 10px;

    }
    #form1{
        height: 380px;
    }
   .row2,.row3,.row4,.row5{
       margin-left: 100px;

   }
   .savebtn1{
       background-color: #000;
       color: #fff;margin-left: 350px;
       margin-top: 45px;
       border-radius: 3px;
       border-style: none;
       width: 130px;
       height: 38px;

   }






</style>

<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

    <div class="tab-content">
        <input id="year_id_hidden" type="hidden" value="1" />

        <div id="year1" class="tab-pane fade in active content container" >
            <div class="row1">
                <span class="row1-text">参数设定(一)</span>
            </div>
            <div class="title">
                <span>运营指标参数</span>
            </div>
            <form class="form-horizontal"  id="form1" action="#" role="form">
                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">销售净利润</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input sale"  check-type=" require" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">市场占有率</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input market"  check-type="number" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">产品研发力</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input produces" check-type="number" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">团队作战能力</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input team"  check-type="number " >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">资金池</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input money"  check-type="number" >
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit"  class=" savebtn1" id="btnSave1">保存</button>

                    </div>
                </div>



            </form>
        </div>
        <div id="year2" class="tab-pane fade in active content container" >
            <div class="row1">
                <span class="row1-text">参数设定(二)</span>
            </div>
            <div class="title">
                <span>运营指标参数</span>
            </div>
            <form class="form-horizontal"  id="form2" action="#" role="form">
                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">销售净利润</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input sale"  check-type=" require" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">市场占有率</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input market"  check-type="number" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">产品研发力</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input produces" check-type="number" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">团队作战能力</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input team"  check-type="number " >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">资金池</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input money"  check-type="number" >
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit"  class=" savebtn1" id="btnSave2">保存</button>

                    </div>
                </div>



            </form>
        </div>
        <div id="year3" class="tab-pane fade in active content container" >
            <div class="row1">
                <span class="row1-text">参数设定(三)</span>
            </div>
            <div class="title">
                <span>运营指标参数</span>
            </div>
            <form class="form-horizontal"  id="form3" action="#" role="form">
                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">销售净利润</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input sale"  check-type=" require" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">市场占有率</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input market"  check-type="number" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">产品研发力</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input produces" check-type="number" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">团队作战能力</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input team"  check-type="number " >
                    </div>
                </div>

                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">资金池</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control Input money"  check-type="number" >
                    </div>
                </div>


                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit"  class=" savebtn1" id="btnSave3">保存</button>

                    </div>
                </div>



            </form>
        </div>

    </div>





<script type="text/javascript">
  $(function() {
      $("#form1").validation({icon: true});
      $("#form2").validation({icon:true});
      $("#form3").validation({icon:true});

      // 要从后台数据确定填的邮箱是不是已注册过了，采用回调方法
      // $("form").validation(function(obj,params){
      //   if (obj.id=='mail'){
      //     $.post("/verifymail",{mail :$(obj).val()},function(data){
      //       params.err = !data.success;
      //       params.msg = data.msg;
      //     });
      //   }}
      //   ,{reqmark:true} //这个参数是设必填不要显示有星号，默认是有星号的
      // );


      //.注册
//      $("#submit1").on('click', function (event) {
//          // 2.最后要调用 valid()方法。
//          //  valide(object,msg),提示信息显示，object位置后面增加提示信息。如不填object 则自动找最后一个button submit.
//          //  valide(msg)
//
//          //第一种提示写法
//          if ($("#form1").valid(this, '内容出错') == false) {
//              return false;
//          }
//
//      })
  })
</script>